<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>景点介绍 - 汉中旅游</title>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
    <link rel="stylesheet" href="css/style.css">
</head>
<body>
    <!-- 页面加载动画 -->
    <div class="page-loader">
        <div class="loader"></div>
    </div>
    
    <!-- 顶部快速导航栏 -->
    <div class="top-quick-nav" style="background-color: #DC4E42; display: flex; align-items: center; justify-content: center; padding: 0 50px;">
        <div class="quick-nav-container">
            <ul style="display: flex; align-items: center;">
                <li style="display: flex; align-items: center; margin-right: 0;">
                    <img src="img/attractions/logo.jpg" alt="汉中旅游" style="height: 40px; border-radius: 5px; margin-right: 10px;">
                </li>
                <li><a href="index.html">首页</a></li>
                <li><a href="jingdian.html" class="active">景点介绍</a></li>
                <li><a href="luxian.html">旅游线路</a></li>
                <li><a href="gonglue.html">旅游攻略</a></li>
                <li><a href="meishi.html">美食推荐</a></li>
                <li><a href="wenhua.html">汉文化活动</a></li>
                <li><a href="contact.html">联系我们</a></li>
                <li><a href="faq.html">常见问题</a></li>
            </ul>
        </div>
    </div>
    <!-- 浮动导航菜单 -->
    <div class="float-nav">
        <button class="float-nav-toggle" id="floatNavToggle" title="快速导航">
            <i class="fas fa-bars"></i>
        </button>
        <div class="float-nav-menu" id="floatNavMenu">
            <ul>
                <li><a href="index.html">首页</a></li>
                <li><a href="jingdian.html" class="active">景点介绍</a></li>
                <li><a href="luxian.html">旅游线路</a></li>
                <li><a href="gonglue.html">旅游攻略</a></li>
                <li><a href="meishi.html">美食推荐</a></li>
                <li><a href="wenhua.html">汉文化活动</a></li>
                <li><a href="contact.html">联系我们</a></li>
                <li><a href="faq.html">常见问题</a></li>
            </ul>
        </div>
    </div>

    <!-- 导航栏 -->
    <nav>
        <div class="container">
            <div class="nav-container">
                <div class="nav-logo">
                    <img src="img/attractions/logo.jpg" alt="汉中旅游" style="height: 45px; border-radius: 5px; margin-right: 10px;">
                    <h2 style="color: #ffffff; font-weight: bold;">汉中旅游</h2>
                </div>
                <ul class="main-nav">
                    <li><a href="index.html">首页</a></li>
                    <li class="dropdown">
                        <a href="jingdian.html" class="active">景点介绍</a>
                        <div class="dropdown-content">
                            <a href="#natural">自然风光</a>
                            <a href="#historical">历史古迹</a>
                            <a href="#cultural">文化景观</a>
                        </div>
                    </li>
                    <li class="dropdown">
                        <a href="luxian.html">旅游线路</a>
                        <div class="dropdown-content">
                            <a href="luxian.html#oneday">一日游</a>
                            <a href="luxian.html#threedays">三日游</a>
                            <a href="luxian.html#fivedays">五日游</a>
                        </div>
                    </li>
                    <li class="dropdown">
                        <a href="gonglue.html">旅游攻略</a>
                        <div class="dropdown-content">
                            <a href="gonglue.html#transportation">交通指南</a>
                            <a href="gonglue.html#accommodation">住宿推荐</a>
                            <a href="gonglue.html#tips">注意事项</a>
                            <a href="gonglue.html#besttime">最佳旅游时间</a>
                        </div>
                    </li>
                    <li><a href="meishi.html">美食推荐</a></li>
                    <li><a href="wenhua.html">汉文化活动</a></li>
                    <li><a href="contact.html">联系我们</a></li>
                    <li><a href="faq.html">常见问题</a></li>
                </ul>
            </div>
        </div>
    </nav>

    <!-- 主要内容 -->
    <main>
        <!-- 页面标题 -->
        <section class="page-header">
            <div class="container">
                <h1>汉中景点介绍</h1>
                <p>探索汉中的自然风光、历史古迹和文化景观</p>
            </div>
        </section>

        <!-- 景点分类导航 -->
        <section class="container">
            <div class="category-nav">
                <a href="#natural" class="category-link">
                    <div class="category-icon"><i class="fas fa-mountain"></i></div>
                    <span>自然风光</span>
                </a>
                <a href="#historical" class="category-link">
                    <div class="category-icon"><i class="fas fa-landmark"></i></div>
                    <span>历史古迹</span>
                </a>
                <a href="#cultural" class="category-link">
                    <div class="category-icon"><i class="fas fa-theater-masks"></i></div>
                    <span>文化景观</span>
                </a>
            </div>
        </section>

        <!-- 自然风光 -->
        <section id="natural" class="container section-padding">
            <h2 class="section-title">自然风光</h2>
            <div class="attractions-grid">
                <div class="attraction-item">
                    <div class="attraction-image">
                        <img src="img/attractions/nanhufengjing.jpg" alt="南湖风景区">
                    </div>
                    <div class="attraction-content">
                        <h3 id="nanhu">南湖风景区</h3>
                        <div class="attraction-meta">
                            <span><i class="fas fa-map-marker-alt"></i> 汉中市汉台区</span>
                            <span><i class="fas fa-star"></i> 4A级景区</span>
                        </div>
                        <p>汉中南湖风景区位于汉中市区南部，是国家AAAA级旅游景区，以湖光山色、亭台楼榭、名胜古迹著称。南湖水域面积约1500亩，湖中有三岛、四桥、十亭，景色优美，是汉中市民休闲娱乐的好去处。</p>
                        <div class="attraction-info">
                            <p><strong>开放时间：</strong> 08:00-18:00</p>
                            <p><strong>门票价格：</strong> 40元/人</p>
                            <p><strong>交通方式：</strong> 市内可乘坐1路、7路公交车到南湖公园站下车</p>
                        </div>
                    </div>
                </div>
                
                <div class="attraction-item">
                    <div class="attraction-image">
                        <img src="img/attractions/baohepiaoliu1.jpg" alt="褒河漂流">
                    </div>
                    <div class="attraction-content">
                        <h3>褒河漂流</h3>
                        <div class="attraction-meta">
                            <span><i class="fas fa-map-marker-alt"></i> 勉县褒河镇</span>
                            <span><i class="fas fa-star"></i> 户外活动</span>
                        </div>
                        <p>褒河漂流位于汉中市勉县境内，全长约8公里，是陕西省最长的漂流项目之一。褒河水质清澈，两岸风景秀丽，漂流过程中可以欣赏到奇特的喀斯特地貌和茂密的原始森林，是夏季避暑和亲水的理想去处。</p>
                        <div class="attraction-info">
                            <p><strong>开放时间：</strong> 每年5月至10月（视天气情况而定）</p>
                            <p><strong>门票价格：</strong> 120元/人</p>
                            <p><strong>交通方式：</strong> 从汉中市区乘坐前往勉县的班车，到达后转乘当地面包车前往褒河漂流景区</p>
                        </div>
                    </div>
                </div>
                
                <div class="attraction-item">
                    <div class="attraction-image">
                        <img src="img/attractions/tiantaishan.jpg" alt="天台山">
                    </div>
                    <div class="attraction-content">
                        <h3>天台山</h3>
                        <div class="attraction-meta">
                            <span><i class="fas fa-map-marker-alt"></i> 留坝县城南</span>
                            <span><i class="fas fa-star"></i> 4A级景区</span>
                        </div>
                        <p>天台山位于汉中市留坝县城南15公里处，海拔2600余米，是秦岭山脉的主峰之一。这里云海壮观，松涛阵阵，有"秦岭第一峰"之称。山上有天台寺、古栈道等人文景观，以及奇松怪石、飞瀑流泉等自然景观，是登山观光和避暑胜地。</p>
                        <div class="attraction-info">
                            <p><strong>开放时间：</strong> 全天开放（建议日出前登山观日出）</p>
                            <p><strong>门票价格：</strong> 60元/人</p>
                            <p><strong>交通方式：</strong> 从汉中市区乘坐前往留坝县的班车，到达后转乘景区专线车</p>
                        </div>
                    </div>
                </div>
                
                <div class="attraction-item">
                    <div class="attraction-image">
                        <img src="img/attractions/shimenzhandao2.jpg" alt="石门栈道">
                    </div>
                    <div class="attraction-content">
                        <h3 id="shimenzhandao">石门栈道</h3>
                        <div class="attraction-meta">
                            <span><i class="fas fa-map-marker-alt"></i> 略阳县境内</span>
                            <span><i class="fas fa-star"></i> 国家重点文物保护单位</span>
                        </div>
                        <p>石门栈道是古代蜀道北段的重要组成部分，位于汉中市略阳县境内。栈道依崖而建，凿于绝壁之上，是古代连接中原与巴蜀的重要通道。沿途可见古栈道遗迹、摩崖石刻等历史遗存，还有壮观的自然风光，是集历史探索和自然观光于一体的旅游胜地。</p>
                        <div class="attraction-info">
                            <p><strong>开放时间：</strong> 08:00-17:30</p>
                            <p><strong>门票价格：</strong> 50元/人</p>
                            <p><strong>交通方式：</strong> 从汉中市区乘坐前往略阳县的班车，然后转乘前往景区的专线车</p>
                        </div>
                    </div>
                </div>
                
                <div class="attraction-item">
                    <div class="attraction-image">
                        <img src="img/attractions/zibaishan3.jpg" alt="紫柏山国家森林公园">
                    </div>
                    <div class="attraction-content">
                        <h3 id="zibaishan">紫柏山国家森林公园</h3>
                        <div class="attraction-meta">
                            <span><i class="fas fa-map-marker-alt"></i> 汉中市城固县</span>
                            <span><i class="fas fa-star"></i> 国家AAAA级景区</span>
                        </div>
                        <p>紫柏山国家森林公园位于汉中市城固县北部，是国家AAAA级旅游景区，总面积约1.3万公顷。公园内森林覆盖率高达95%以上，有"天然氧吧"之称。景区内有奇峰怪石、古树名木、飞瀑流泉等自然景观，以及紫柏禅寺等人文景点，是集避暑、休闲、度假、科考于一体的综合性旅游胜地。</p>
                        <div class="attraction-info">
                            <p><strong>开放时间：</strong> 08:00-18:00</p>
                            <p><strong>门票价格：</strong> 70元/人</p>
                            <p><strong>交通方式：</strong> 从汉中市区乘坐前往城固县的班车，然后转乘景区专线车</p>
                        </div>
                    </div>
                </div>
                
                <div class="attraction-item">
                    <div class="attraction-image">
                        <img src="img/attractions/shizigou.jpg" alt="狮子沟牧场">
                    </div>
                    <div class="attraction-content">
                        <h3 id="shizigou">狮子沟牧场</h3>
                        <div class="attraction-meta">
                            <span><i class="fas fa-map-marker-alt"></i> 汉中市宁强县</span>
                            <span><i class="fas fa-star"></i> 生态旅游区</span>
                        </div>
                        <p>狮子沟牧场位于汉中市宁强县境内，是一处集观光、休闲、度假于一体的高山草甸生态旅游区。这里海拔1800多米，夏季平均气温仅20℃左右，是天然的避暑胜地。牧场内草原辽阔，牛羊成群，周围群山环抱，景色优美。游客可以体验骑马、放牧、采摘等农牧活动，感受高山草原的独特魅力。</p>
                        <div class="attraction-info">
                            <p><strong>开放时间：</strong> 全年开放（最佳游览时间为5-9月）</p>
                            <p><strong>门票价格：</strong> 40元/人</p>
                            <p><strong>交通方式：</strong> 从汉中市区乘坐前往宁强县的班车，然后包车前往景区</p>
                        </div>
                    </div>
                </div>
            </div>
        </section>

        <!-- 历史古迹 -->
        <section id="historical" class="container section-padding">
            <h2 class="section-title">历史古迹</h2>
            <div class="attractions-grid">
                <div class="attraction-item">
                    <div class="attraction-image">
                        <img src="img/attractions/wuhoumu1.jpg" alt="武侯墓">
                    </div>
                    <div class="attraction-content">
                        <h3 id="wuhoumu">勉县武侯墓</h3>
                        <div class="attraction-meta">
                            <span><i class="fas fa-map-marker-alt"></i> 勉县定军山下</span>
                            <span><i class="fas fa-star"></i> 国家重点文物保护单位</span>
                        </div>
                        <p>武侯墓，即诸葛亮墓，位于汉中市勉县城东北5公里定军山下，是纪念三国时期蜀汉丞相诸葛亮的陵墓。墓前有武侯祠，内有诸葛亮塑像及历代碑刻，是研究三国历史和诸葛亮生平的重要场所，也是全国重点文物保护单位。</p>
                        <div class="attraction-info">
                            <p><strong>开放时间：</strong> 08:00-18:00</p>
                            <p><strong>门票价格：</strong> 60元/人</p>
                            <p><strong>交通方式：</strong> 从汉中市区乘坐前往勉县的班车，到达后转乘3路公交车或出租车前往</p>
                        </div>
                    </div>
                </div>
                
                <div class="attraction-item">
                    <div class="attraction-image">
                        <img src="img/attractions/wuhouci1.jpg" alt="勉县武侯祠">
                    </div>
                    <div class="attraction-content">
                        <h3 id="wuhoucimian">勉县武侯祠</h3>
                        <div class="attraction-meta">
                            <span><i class="fas fa-map-marker-alt"></i> 勉县城东北</span>
                            <span><i class="fas fa-star"></i> 国家AAAA级景区</span>
                        </div>
                        <p>勉县武侯祠位于汉中市勉县城东北，是纪念三国时期蜀汉丞相诸葛亮的祠堂，与武侯墓相邻。武侯祠始建于唐代，历经多次修缮，现存建筑主要为明清时期所建。祠内有诸葛亮塑像、历代碑刻以及丰富的三国文物展览，是了解三国历史和诸葛亮生平的重要场所，也是全国著名的三国文化旅游胜地。</p>
                        <div class="attraction-info">
                            <p><strong>开放时间：</strong> 08:00-18:00</p>
                            <p><strong>门票价格：</strong> 60元/人（与武侯墓联票）</p>
                            <p><strong>交通方式：</strong> 从汉中市区乘坐前往勉县的班车，到达后转乘3路公交车或出租车前往</p>
                        </div>
                    </div>
                </div>
                
                <div class="attraction-item">
                    <div class="attraction-image">
                        <img src="img/attractions/guchengqiang.jpg" alt="汉中古城墙">
                    </div>
                    <div class="attraction-content">
                        <h3 id="guchengqiang">汉中古城墙</h3>
                        <div class="attraction-meta">
                            <span><i class="fas fa-map-marker-alt"></i> 汉中市汉台区</span>
                            <span><i class="fas fa-star"></i> 国家重点文物保护单位</span>
                        </div>
                        <p>汉中古城墙始建于明洪武三年（1370年），是我国保存最为完好的明代古城墙之一。城墙周长约6公里，高9米，宽6米，有东西南北四座城门。登上城墙，可俯瞰汉中市区全景，是了解汉中历史和城市发展的重要遗址。</p>
                        <div class="attraction-info">
                            <p><strong>开放时间：</strong> 全天开放</p>
                            <p><strong>门票价格：</strong> 免费</p>
                            <p><strong>交通方式：</strong> 市内多路公交车可达</p>
                        </div>
                    </div>
                </div>
                
                <div class="attraction-item">
                    <div class="attraction-image">
                        <img src="img/attractions/dingjunshan.jpg" alt="定军山">
                    </div>
                    <div class="attraction-content">
                        <h3 id="dingjunshan">定军山</h3>
                        <div class="attraction-meta">
                            <span><i class="fas fa-map-marker-alt"></i> 勉县城东北</span>
                            <span><i class="fas fa-star"></i> 历史名山</span>
                        </div>
                        <p>定军山位于勉县城东北5公里处，是三国时期著名的战场。相传刘备伐吴时，黄忠在此斩杀曹操大将夏侯渊，立下赫赫战功。山上有黄忠庙、古战场遗址等历史遗迹，是研究三国历史的重要场所。</p>
                        <div class="attraction-info">
                            <p><strong>开放时间：</strong> 全天开放</p>
                            <p><strong>门票价格：</strong> 30元/人</p>
                            <p><strong>交通方式：</strong> 从勉县城内乘坐出租车或包车前往</p>
                        </div>
                    </div>
                </div>
                
                <div class="attraction-item">
                    <div class="attraction-image">
                        <img src="img/attractions/zhangliangm.jpg" alt="张良庙">
                    </div>
                    <div class="attraction-content">
                        <h3 id="zhangliang">张良庙</h3>
                        <div class="attraction-meta">
                            <span><i class="fas fa-map-marker-alt"></i> 汉中市城固县</span>
                            <span><i class="fas fa-star"></i> 国家重点文物保护单位</span>
                        </div>
                        <p>张良庙位于汉中市城固县，是为纪念西汉初期杰出的政治家、军事家张良而建。张良曾辅佐刘邦建立汉朝，功勋卓著，被后人尊称为"汉初三杰"之一。庙宇始建于东汉，现存建筑主要为明清时期重修。庙内保存有大量历代碑刻和文物，是研究张良生平和汉代历史的重要场所。</p>
                        <div class="attraction-info">
                            <p><strong>开放时间：</strong> 08:00-17:30</p>
                            <p><strong>门票价格：</strong> 45元/人</p>
                            <p><strong>交通方式：</strong> 从汉中市区乘坐前往城固县的班车，到达后乘坐出租车前往</p>
                        </div>
                    </div>
                </div>
                
                <div class="attraction-item">
                    <div class="attraction-image">
                        <img src="img/attractions/longtoushan.jpg" alt="龙头山">
                    </div>
                    <div class="attraction-content">
                        <h3 id="longtoushan">龙头山</h3>
                        <div class="attraction-meta">
                            <span><i class="fas fa-map-marker-alt"></i> 汉中市南郑区</span>
                            <span><i class="fas fa-star"></i> 历史文化景区</span>
                        </div>
                        <p>龙头山位于汉中市南郑区，是汉中盆地的重要地标之一，因山形酷似龙头而得名。这里是古代兵家必争之地，历史上曾发生过多次重要战役。山上有古代城堡遗址、烽火台遗迹等历史遗存，以及多处摩崖石刻。登上山顶，可俯瞰汉中盆地全景，视野开阔，景色壮观。</p>
                        <div class="attraction-info">
                            <p><strong>开放时间：</strong> 全天开放</p>
                            <p><strong>门票价格：</strong> 35元/人</p>
                            <p><strong>交通方式：</strong> 从汉中市区乘坐前往南郑区的班车，然后转乘前往景区的专线车</p>
                        </div>
                    </div>
                </div>
                
                <div class="attraction-item">
                    <div class="attraction-image">
                        <img src="img/attractions/xinghanshengjing.jpg" alt="兴汉胜境">
                    </div>
                    <div class="attraction-content">
                        <h3 id="xinghanshenjing">兴汉胜境</h3>
                        <div class="attraction-meta">
                            <span><i class="fas fa-map-marker-alt"></i> 汉中市汉台区</span>
                            <span><i class="fas fa-star"></i> 历史文化景区</span>
                        </div>
                        <p>兴汉胜境是汉中市区内的一处历史文化景区，以展示汉文化和汉中历史为主题。景区内复原了汉代建筑风格，设有汉文化展示馆、汉服体验区、汉代生活场景再现等多个主题区域。游客可以在这里了解汉朝历史文化，体验汉代生活，感受汉中作为"汉家发祥地"的深厚历史底蕴。</p>
                        <div class="attraction-info">
                            <p><strong>开放时间：</strong> 09:00-17:30</p>
                            <p><strong>门票价格：</strong> 50元/人</p>
                            <p><strong>交通方式：</strong> 市内多路公交车可达</p>
                        </div>
                    </div>
                </div>
            </div>
        </section>

        <!-- 文化景观 -->
        <section id="cultural" class="container section-padding">
            <h2 class="section-title">文化景观</h2>
            <div class="attractions-grid">
                <div class="attraction-item">
                    <div class="attraction-image">
                        <img src="img/attractions/hanzhongbowuguan.jpg" alt="汉中博物馆">
                    </div>
                    <div class="attraction-content">
                        <h3 id="bowuguan">汉中市博物馆</h3>
                        <div class="attraction-meta">
                            <span><i class="fas fa-map-marker-alt"></i> 汉中市汉台区</span>
                            <span><i class="fas fa-star"></i> 国家一级博物馆</span>
                        </div>
                        <p>汉中市博物馆是陕西省内规模较大的地方综合性博物馆，收藏了大量汉中地区出土的文物，包括汉代石刻、青铜器、陶器等。馆内设有汉中历史文化展、汉中古生物化石展等多个展厅，是了解汉中历史文化的重要窗口。</p>
                        <div class="attraction-info">
                            <p><strong>开放时间：</strong> 09:00-17:00（周一闭馆）</p>
                            <p><strong>门票价格：</strong> 免费（需提前预约）</p>
                            <p><strong>交通方式：</strong> 市内多路公交车可达</p>
                        </div>
                    </div>
                </div>
                
                <div class="attraction-item">
                    <div class="attraction-image">
                        <img src="img/attractions/qingmuchuanguzhen1.jpg" alt="青木川古镇">
                    </div>
                    <div class="attraction-content">
                        <h3 id="qingmuchuan">青木川古镇</h3>
                        <div class="attraction-meta">
                            <span><i class="fas fa-map-marker-alt"></i> 汉中市略阳县</span>
                            <span><i class="fas fa-star"></i> 国家AAAA级景区</span>
                        </div>
                        <p>青木川古镇位于汉中市略阳县，是一座有着600多年历史的古镇，被誉为"秦岭深处的小九寨"。古镇依山傍水，保存着大量明清时期的古建筑，如古民居、古街道、古牌坊等。这里山水相依，风景秀美，民风淳朴，是体验传统陕南文化和欣赏自然风光的理想去处。</p>
                        <div class="attraction-info">
                            <p><strong>开放时间：</strong> 全天开放</p>
                            <p><strong>门票价格：</strong> 60元/人</p>
                            <p><strong>交通方式：</strong> 从汉中市区乘坐前往略阳县的班车，然后转乘前往青木川的专线车</p>
                        </div>
                    </div>
                </div>
                
                <div class="attraction-item">
                    <div class="attraction-image">
                        <img src="img/attractions/huayangjingqu.jpg" alt="华阳景区">
                    </div>
                    <div class="attraction-content">
                        <h3 id="huayang">华阳景区</h3>
                        <div class="attraction-meta">
                            <span><i class="fas fa-map-marker-alt"></i> 汉中市南郑区</span>
                            <span><i class="fas fa-star"></i> 国家AAAA级景区</span>
                        </div>
                        <p>华阳景区位于汉中市南郑区，是一处集自然风光和人文景观于一体的综合性旅游区。景区内有华阳古镇、华阳湖、华阳寺等景点，自然环境优美，人文底蕴深厚。这里四季风景各异，春有花海，夏有绿荫，秋有红叶，冬有雪景，是摄影爱好者和休闲度假的理想去处。</p>
                        <div class="attraction-info">
                            <p><strong>开放时间：</strong> 08:00-18:00</p>
                            <p><strong>门票价格：</strong> 65元/人</p>
                            <p><strong>交通方式：</strong> 从汉中市区乘坐前往南郑区的班车，然后转乘景区专线车</p>
                        </div>
                    </div>
                </div>
            </div>
        </section>
    </main>

    <!-- 页脚 -->
    <footer>
        <div class="container">
            <div class="footer-content">
                <div class="footer-section">
                    <h3>关于我们</h3>
                    <p>汉中旅游网致力于为游客提供最全面的汉中旅游信息，让您的汉中之行更加便捷、愉快。</p>
                    <div class="social-links">
                        <a href="#"><i class="fab fa-weibo"></i></a>
                        <a href="#"><i class="fab fa-weixin"></i></a>
                        <a href="#"><i class="fab fa-qq"></i></a>
                    </div>
                </div>
                <div class="footer-section">
                    <h3>快速链接</h3>
                    <ul>
                        <li><a href="index.html">首页</a></li>
                        <li><a href="jingdian.html">景点介绍</a></li>
                        <li><a href="luxian.html">旅游线路</a></li>
                        <li><a href="gonglue.html">旅游攻略</a></li>
                        <li><a href="contact.html">联系我们</a></li>
                    </ul>
                </div>
                <div class="footer-section">
                    <h3>热门景点</h3>
                    <ul>
                        <li><a href="#wuhoumu">武侯墓</a></li>
                        <li><a href="#nanhu">南湖</a></li>
                        <li><a href="#dingjunshan">定军山</a></li>
                        <li><a href="#guchengqiang">古城墙</a></li>
                        <li><a href="#qingmuchuan">青木川古镇</a></li>
                        <li><a href="#shimenzhandao">石门栈道</a></li>
                        <li><a href="#bowuguan">汉中市博物馆</a></li>
                    </ul>
                </div>
                <div class="footer-section">
                    <h3>联系方式</h3>
                    <p><i class="fas fa-map-marker-alt"></i> 地址：陕西省汉中市</p>
                    <p><i class="fas fa-phone"></i> 电话：18165245563</p>
                    <p><i class="fas fa-envelope"></i> 邮箱：1959847182@qq.com</p>
                </div>
            </div>
            <div class="footer-bottom">
                <p>&copy; 2025 汉中旅游网 版权所有</p>
            </div>
        </div>
    </footer>

    <script src="js/script.js"></script>

    <style>
        /* 景点页面特有样式 */
        .page-header {
            background-image: none;
            background-color: var(--primary-color);
        }
        
        .page-header h1 {
            font-size: 36px;
            margin-bottom: 10px;
        }
        
        .page-header p {
            font-size: 18px;
            max-width: 600px;
            margin: 0 auto;
        }
        
        .category-nav {
            display: flex;
            justify-content: center;
            gap: 30px;
            margin-bottom: 40px;
        }
        
        .category-link {
            text-decoration: none;
            color: #333;
            text-align: center;
            transition: all 0.3s;
        }
        
        .category-link:hover {
            transform: translateY(-5px);
        }
        
        .category-icon {
            width: 80px;
            height: 80px;
            background-color: #e74c3c;
            color: white;
            border-radius: 50%;
            display: flex;
            justify-content: center;
            align-items: center;
            margin: 0 auto 10px;
            font-size: 30px;
            transition: all 0.3s;
        }
        
        .category-link:hover .category-icon {
            background-color: #c0392b;
        }
        
        .category-link span {
            font-size: 16px;
            font-weight: bold;
        }
        
        .section-padding {
            padding: 40px 0;
        }
        
        .attractions-grid {
            display: flex;
            flex-direction: column;
            gap: 40px;
        }
        
        .attraction-item {
            display: flex;
            background-color: white;
            border-radius: 8px;
            overflow: hidden;
            box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
        }
        
        .attraction-image {
            flex: 0 0 40%;
            overflow: hidden;
        }
        
        .attraction-image img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            transition: transform 0.5s;
        }
        
        .attraction-item:hover .attraction-image img {
            transform: scale(1.05);
        }
        
        .attraction-content {
            flex: 0 0 60%;
            padding: 25px;
        }
        
        .attraction-content h3 {
            color: #e74c3c;
            margin-bottom: 10px;
            font-size: 24px;
        }
        
        .attraction-meta {
            display: flex;
            gap: 20px;
            color: #666;
            margin-bottom: 15px;
            font-size: 14px;
        }
        
        .attraction-meta span {
            display: flex;
            align-items: center;
        }
        
        .attraction-meta i {
            margin-right: 5px;
            color: #e74c3c;
        }
        
        .attraction-info {
            margin-top: 20px;
            padding-top: 20px;
            border-top: 1px solid #eee;
        }
        
        .attraction-info p {
            margin-bottom: 5px;
        }
        
        /* 响应式调整 */
        @media (max-width: 992px) {
            .category-nav {
                flex-wrap: wrap;
            }
            
            .attraction-item {
                flex-direction: column;
            }
            
            .attraction-image {
                flex: 0 0 auto;
                height: 250px;
            }
            
            .attraction-content {
                flex: 0 0 auto;
            }
        }
        
        @media (max-width: 768px) {
            .page-header h1 {
                font-size: 28px;
            }
            
            .page-header p {
                font-size: 16px;
            }
            
            .category-icon {
                width: 60px;
                height: 60px;
                font-size: 24px;
            }
        }
    </style>

    <!-- 添加平滑滚动脚本 -->
    <script>
        document.addEventListener('DOMContentLoaded', function() {
            // 获取所有锚点链接
            const anchorLinks = document.querySelectorAll('a[href^="#"]');
            
            // 为每个锚点链接添加点击事件
            anchorLinks.forEach(function(link) {
                link.addEventListener('click', function(e) {
                    e.preventDefault();
                    
                    // 获取目标元素的ID
                    const targetId = this.getAttribute('href');
                    
                    // 如果是空锚点或者页面顶部，直接滚动到顶部
                    if (targetId === '#' || targetId === '') {
                        window.scrollTo({
                            top: 0,
                            behavior: 'smooth'
                        });
                        return;
                    }
                    
                    // 获取目标元素
                    const targetElement = document.querySelector(targetId);
                    
                    // 如果目标元素存在，滚动到该元素
                    if (targetElement) {
                        // 获取元素的位置
                        const elementPosition = targetElement.getBoundingClientRect().top;
                        const offsetPosition = elementPosition + window.pageYOffset - 100; // 减去100px的偏移量，避免被导航栏遮挡
                        
                        // 平滑滚动到目标位置
                        window.scrollTo({
                            top: offsetPosition,
                            behavior: 'smooth'
                        });
                    }
                });
            });
        });
    </script>
</body>
</html> 